<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        .u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}
    </style>
    <link rel="stylesheet" type="text/css" href="css/home.css"/>
    <link rel="stylesheet" type="text/css" href="iconfont/font/iconfont.css">
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/jquery.fly1.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/move.js"></script>
    <script src="js/meme.js"></script>


</head>
<body ondragstart="return false">

<div id="top">
    <div class="top_inner">
        <a href="#"><i class="iconfont sign" style="font-size:16px;">&#xe740;</i>[每月签到]</a>
        <span>每月累计签到十次可获得五蜜豆</span>


    <div>
    <ul>
        <li><a id="login" href="#">登录</a></li>
        <li><a id="regiter" href="#">注册</a></li>
        <li><a href="#">|</a></li>
        <li><a href="#"><i class="icon-iphone"></i>手机APP</a></li>
        <li><a href="#"><i class="iconfont customer" style="font-size:16px;">&#xe749;</i>在线客服</a></li>
    </ul>
    </div>
    </div>
</div>

<div class="aside">
    <ul class="aside_inner">
    <li><a class="shop_a" href="javascript:void(0);" style="height:140px"><i class="iconfont ushop">&#xe744;<span class="p1">购物车</span></i></a></li>
    <li><a class="shop_a" href="javascript:void(0);" style="margin-top:30px;"><i class="iconfont ushop">&#xe792;</i></a></li>
    <li><a class="shop_a" href="javascript:void(0);"><i class="iconfont ushop">&#xe769;</i></a></li>
    <li><a class="shop_a" href="javascript:void(0);"><i class="iconfont ushop">&#xe73f;</i></a></li>
    <li><a class="shop_a" href="javascript:void(0);"><i class="iconfont ushop">&#xe748;</i></a></li>
    <li><a class="shop_a" href="javascript:void(0);"><i class="iconfont ushop">&#xe777;</i></a></li>
    </ul>
</div>

    <div class="shopshow" id="cart">
        <div class="cart_content">
        <div class="stitle">
        <p class="car1">购物车</p><span class="p2">x</span>
        </div>
            <!--<p class="car2">购物车很空!</p>-->
            <div class="shop_to">
                <a class="cart_buy">去购物车结算</a>
            </div>
        </div>
    </div>

<header>
    <div class="header_inner">
    <!--整体部分--> <div class="header_main">
        <div class="header_login"></div>

            <input type="search" class="search" /><i class="iconfont search2">&#xe752;</i>

        <div class="downloadapp">
        </div>
    </div>
    </div>
</header>

<nav>
    <div class="nav_inner">
    <ul>
        <li class="reguar_t"><a class="reguar">商品分类</a></li>
        <li><a href="#" style="color:red !important;">主页</a></li>
        <li><span class="hot"></span><a href="#">极速仓</a></li>
        <li><a href="#">面膜</a>
            <div class="submenu t1">
                <div class="submenu-scroll">
            <ul class="list3">
                <li><a href="#">Leaders/Mediheal专区</a></li>
                <li><a href="#">Innisfree面膜专区</a></li>
                <li><a href="#">补水面膜专区</a></li>
                <li><a href="#">美白面膜专区</a></li>
                <li><a href="#">祛痘修复面膜专区</a></li>
                <li><a href="#">动物面膜专区</a></li>
            </ul>
            </div>
            </div>
        </li>
        <li><a href="#">直邮</a>
            <div class="submenu t2">
                <div class="submenu-scroll">
                    <ul class="list3">
                        <li><a href="#">直邮礼盒</a></li>
                        <li><a href="#">韩国热卖套组专场</a></li>
                        <li><a href="#">韩国免税店热卖</a></li>
                        <li><a href="#">夏季护肤</a></li>
                        <li><a href="#">夏季底妆</a></li>
                        <li><a href="#">面膜</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li><span class="new"></span><a href="#">新货</a></li>
        <li><a href="#">礼盒</a></li>
        <li><a href="#">PONY</a>
            <div class="submenu t3">
                <div class="submenu-scroll" style="height:250px;">
                    <ul class="list3" style="width:217px;">
                        <li><a href="#">PONY EFFECT</a></li>
                        <li><a href="#">热卖排行榜</a></li>
                        <li><a href="#">PONY唇妆</a></li>
                        <li><a href="#">高颜值单品</a></li>
                        <li><a href="#">PONY底妆</a></li>
                        <li><a href="#">PONY EFFECT 2017春季新品</a></li>
                        <li><a href="#">真正魔方气垫的完成式</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li><a href="#">美美妆</a>
            <div class="submenu t4">
                <div class="submenu-scroll" style="height:155px;">
                    <ul class="list3">
                        <li><a href="#">美美妆热销产品</a></li>
                        <li><a href="#">NOONI专区</a></li>
                        <li><a href="#">I'M MEME</a></li>
                        <li><a href="#">PONY EFFECT</a></li>

                    </ul>
                </div>
            </div>
        </li>
        <li><a href="#" style="margin-left:10px;">I`M MEME</a>
            <div class="submenu t5">
                <div class="submenu-scroll" style="height:396px">
                    <ul class="list3">
                        <li><a href="#">我爱眼妆</a></li>
                        <li><a href="#">我爱唇妆</a></li>
                        <li><a href="#">我爱底妆</a></li>
                        <li><a href="#">我爱腮红</a></li>
                        <li><a href="#">我爱气垫</a></li>
                        <li><a href="#">我爱眉妆</a></li>
                        <li><a href="#">我爱卸妆</a></li>
                        <li><a href="#">我爱美甲</a></li>
                        <li><a href="#">我爱工具</a></li>
                        <li><a href="#">明星产品</a></li>
                        <li><a href="#">新品上市</a></li>
                        <li><a href="#">我爱哑光甜心气垫唇釉</a></li>
                    </ul>
                </div>
            </div>

        </li>
        <li><a href="#" style="width:140px;margin-left:22px;">K-BEAUTY STYLE</a></li>
    </ul>
    </div>

</nav>

<div id="banner">



    <div class="banner_inner">
        <div class="banner_list">
            <ul class="list1">
                <li style="padding-top:10px"><p><a href="#">面膜</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">贴片式面膜</a></li>
                        <li><a href="#">免洗面膜</a></li>
                        <li><a href="#">水洗面膜</a></li>
                        <li><a href="#">撕拉面膜</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">洁面卸妆</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">洁面乳</a></li>
                        <li><a href="#">面部去角质/磨砂</a></li>
                        <li><a href="#">洁面膏/皂/粉</a></li>
                        <li><a href="#">洁面啫喱/慕斯/泡沫</a></li>
                        <li><a href="#">卸妆</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">水乳/面霜/精华</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">爽肤水</a></li>
                        <li><a href="#">精华</a></li>
                        <li><a href="#">乳液</a></li>
                        <li><a href="#">面霜</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">个人护理</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">防晒</a></li>
                        <li><a href="#">沐浴</a></li>
                        <li><a href="#">洗护/美发</a></li>
                        <li><a href="#">口腔护理</a></li>
                        <li><a href="#">身体护理</a></li>
                        <li><a href="#">纤体美体</a></li>
                        <li><a href="#">精油护理</a></li>
                        <li><a href="#">私密护理</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">底妆/修容</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">隔离霜/妆前乳</a></li>
                        <li><a href="#">BB/CC霜</a></li>
                        <li><a href="#">粉底/遮瑕</a></li>
                        <li><a href="#">粉饼/蜜饼/散粉</a></li>
                        <li><a href="#">腮红/高光/修容</a></li>
                        <li><a href="#">防晒</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">眼唇/彩妆/护理</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">眼线笔/液/膏</a></li>
                        <li><a href="#">睫毛膏/增长液</a></li>
                        <li><a href="#">眼影</a></li>
                        <li><a href="#">唇彩/蜜/釉/染唇膏</a></li>
                        <li><a href="#">眉笔/染眉/眉粉</a></li>
                        <li><a href="#">假睫毛</a></li>
                        <li><a href="#">眼唇护理</a></li>
                        <li><a href="#">其他</a></li>
                    </ul>
                    </div>
                </li>

                <li><p><a href="#">美甲护甲</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">指甲油</a></li>
                        <li><a href="#">其他</a></li>

                    </ul>
                    </div>
                </li>

                <li><p><a href="#">美护工具</a></p>
                    <div class="subclass">
                    <ul class="list2">
                        <li><a href="#">化妆刷</a></li>
                        <li><a href="#">洁面工具</a></li>
                        <li><a href="#">美甲工具</a></li>
                        <li><a href="#">其他</a></li>

                    </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>

</div>

<main>
    <div class="main_inner">
        <div class="like">
        <p>猜你喜欢</p><span>爱你所爱，为你寻觅世间好物</span>
        </div>
        <div class="main_shop">

                <div class="shop"><a href="#"><img src="img/51000529.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥189.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/p293_2_2.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥203.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/file_7_1_2.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥228.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/51001673_1.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥178.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/52001018.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥208.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/52001019.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥159.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/jayjun-_.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥149.00</div>
                </div>
                <div class="shop"><a href="#"><img src="img/thumbnail-changes1338_1_1.jpg"/></a>
                    <div class="shop_name">IM 我爱粉底液 #23 沙色 NEW</div>
                    <div class="shop_price">￥299.00</div>
                </div>

        </div>

        <div class="main_m">
           <div><img src="img/1b64fccc0620f706_2.jpeg"/></div>
           <div><img src="img/99b1df5401f2eade_2.jpeg"/></div>
           <div><img src="img/7a20aa758e281058_2.jpeg"/></div>
           <div><img src="img/a34f54aa36538d69_2.jpeg"/></div>

        </div>

        <div class="products">

            <div class="item">
                <span class="good_local"><img src="img/goods-local.png"/></span>
                <a class="item_bo"><img src="img/ahc_b5_5_.jpg"/></a>
                <p class="shop_name">age 20's 爱敬 </p>
                <p class="bnef">精华气垫粉底膏</p>
                <div class="price">
                    <span class="price_r">￥199.00</span>
                    <div class="price_del">
                        <span>￥245.00</span>
                        <span>立省￥245.00</span>
                    </div>
                    <input type="button" value="加入购物车" class="add"/>
                </div>
            </div>

            <div class="item">
                <span class="good_local"><img src="img/goods-local.png"/></span>
                <a class="item_bo"><img src="img/ahc_b5_5_.jpg"/></a>
                <p class="shop_name">age 20's 爱敬 </p>
                <p class="bnef">精华气垫粉底膏</p>
                <div class="price">
                    <span class="price_r">￥199.00</span>
                    <div class="price_del">
                        <span>￥245.00</span>
                        <span>立省￥245.00</span>
                    </div>
                    <input type="button" value="加入购物车" class="add"/>
                </div>
            </div>


            <div class="item">
                <span class="good_local"><img src="img/goods-local.png"/></span>
                <a class="item_bo"><img src="img/ahc_b5_5_.jpg"/></a>
                <p class="shop_name">age 20's 爱敬 </p>
                <p class="bnef">精华气垫粉底膏</p>
                <div class="price">
                    <span class="price_r">￥199.00</span>
                    <div class="price_del">
                        <span>￥245.00</span>
                        <span>立省￥245.00</span>
                    </div>
                    <input type="button" value="加入购物车" class="add"/>
                </div>
            </div>



        </div>
    </div>
</main>
<div class="clear"></div>

<div id="aside2">

        <div class="aside_f1">
        <img src="img/genuine.png"/>
        <div>100%正品</div>
        </div>


        <div class="aside_f1">
            <img src="img/low.png"/>
            <div>优质抵价</div>
        </div>


        <div class="aside_f1">
            <img src="img/deliver.png"/>
            <div>极速发货</div>
        </div>

        <div class="aside_f1">
            <img src="img/refund.png"/>
            <div>退换无忧</div>
        </div>
</div>

<footer>
    <div class="footer_inner">
        <div class="foot_l">
            <img src="img/szj.jpg"/>
            <p>关于我们</p>
            <div class="flogin">
                <div><img src="img/meme.png"/></div>
                <div><img src="img/wechat.png"/></div>
                <div><img src="img/sina.png"/></div>
            </div>
        </div>
     <div class="foot_b">
    <ul class="foot_f1">
        <li class="f1_h">关于美美箱</li>
        <li><a href="#">美美全球</a></li>
        <li><a href="#">品牌优势</a></li>
        <li><a href="#">消费保障</a></li>
        <li><a href="#">线下体验店</a></li>
    </ul>

         <ul class="foot_f1">
             <li  class="f1_h">帮助中心</li>
             <li><a href="#">常见问题</a></li>
             <li><a href="#">账户相关</a></li>
             <li><a href="#">包邮政策</a></li>
             <li><a href="#">支付相关</a></li>
             <li><a href="#">支付相关</a></li>
             <li><a href="#">物流相关</a></li>
             <li><a href="#">退换政策</a></li>
         </ul>

         <ul class="foot_f1">
             <li  class="f1_h">服务协议</li>
             <li><a href="#">服务协议</a></li>
             <li><a href="#">个人网申协议</a></li>
             <li><a href="#">隐私政策</a></li>
         </ul>


         <ul class="foot_f1">
             <li  class="f1_h">联系我们</li>
             <li><a href="#">商务合作</a></li>
             <li><a href="#">分销合作</a></li>
             <li><a href="#">加入我们</a></li>
         </ul>


     </div>
    </div>
</footer><div class="clear"></div>

<div id="footer2">
    <div class="footer2_inner">
    <p>联系客服</p>
    <div class="time"><span>客服时间:周一~周二(9:00-21:00)</span><span>客服热线:400-720-9976</span><span>客服邮箱:kf@memeboxglobal.com</span></div>
    </div>
</div>

<div id="bottom">
    <span class="bottom_l">© 2015 Memebox Corporation. All Rights Reserved.</span>  <span class="bottom_r"><span><img src="img/icon.gif"/></span>蜜米柏克思（上海）商贸有限公司 上海市杨浦区政立路415号中航天盛广场A座6楼 沪ICP备14043341号</span>
</div>
</body>
</html>